<template>
	<view class="new-users copy-data">
		<view class="mid" style="flex:1;overflow: hidden;">




			<!-- <view class="img"></view> -->

			<view class="text_box">
				<view class="text_1">{{$t("withdrawal.apply-commit")}}</view>
				<view class="text_1">{{obj.extractPrice}}U</view>
			</view>

			<view class="getAddress">
				<view class="address_detail">
					<view class="address_text">{{$t("withdrawal.status")}}:</view>
					<view class="address_text1">{{obj.status==-1? $t("withdrawal.fail"):obj.status==0?$t("withdrawal.review"):$t("withdrawal.already-withdrawn")}}</view>
				</view>
				<!-- <view class="address_detail">
					<view class="address_text">提现id:</view>
					<view class="address_text1">{{}}</view>
				</view> -->
				<view class="address_detail">
					<view class="address_text">{{$t('cash.address')}}:</view>
					<view class="address_text1">{{obj.bankAddress}}</view>
				</view>
				<view class="address_detail">
					<view class="address_text">{{$t('team.detail.createTime')}}:</view>
					<view class="address_text1">{{obj.createTime}}</view>
				</view>
				<view class="address_detail">
					<view class="address_text">{{$t('withdrawal.apply-time')}}:</view>
					<view class="address_text1">{{obj.updateTime}}</view>
				</view>
				<view class="reason_detail">
					<view class="address_text">{{$t('withdrawal.fail-reason')}}:</view>
					<view class="reason">{{obj.failMsg}}</view>
				</view>
			</view>

			<!-- <view class="under_btn">  {{obj.failMsg}}
				<button type="default" size="default"
					style="width: 140px;height: 50px;line-height: 50px;border: 1px solid #ccc;"
					@click="success">查看详情</button>
			</view> -->

			<view class="under_btn">
				<button type="default" size="default"
					style="width: 140px;height: 50px;line-height: 50px;border: 1px solid #ccc;"
					@click="back">{{$t("public.return")}}</button>
			</view>

		</view>

	</view>
</template>
<script>
	let sysHeight = uni.getSystemInfoSync().statusBarHeight + 'px';
	import Cache from '@/utils/cache';
	import {
		BACK_URL
	} from '@/config/cache';
	import {
		getMenuList
	} from '@/api/user.js';
	import {
		orderData
	} from '@/api/order.js';
	import {
		toLogin
	} from '@/libs/login.js';
	import {
		getCity
	} from '@/api/api.js';
	import {
		mapGetters
	} from "vuex";
	// #ifdef H5

	import Auth from '@/libs/wechat';
	// #endif
	// #ifdef MP
	import authorize from '@/components/Authorize';
	// #endif
	const app = getApp();
	export default {
		components: {
			// #ifdef MP
			authorize
			// #endif
		},
		computed: mapGetters(['isLogin', 'chatUrl', 'userInfo', 'uid']),
		data() {
			return {
				showType: null,
				orderMenu: [{
						img: '/static/images/order1.png',
						title: this.$t('user.my-product'),
						url: '/pages/users/order_list/index?status=0',
						num: 0
					},
					{
						img: '/static/images/order2.png',
						title: '我的买单',
						url: '/pages/users/order_list/index?status=1',
						num: 0
					},
					{
						img: '/static/images/order3.png',
						title: '我的卖单',
						url: '/pages/users/order_list/index?status=2',
						num: 0
					},

				],
				activeTxt: 1,

				sysHeight: sysHeight,
				// #ifdef MP
				pageHeight: '100%',
				// #endif
				// #ifdef H5
				pageHeight: app.globalData.windowHeight,
				// #endif
				// #ifdef H5
				isWeixin: Auth.isWeixin(),
				//#endif
				keyword: '',
				orderStatus: 5, //订单状态
				page: 1,
				limit: 20,
				inputValue: '',
				obj:{}

			}
		},
		onLoad(e) {
			let that = this;
		uni.setNavigationBarTitle({
				title:this.$t('withdrawal.detail.title')
			})
			this.showType = e.type
			
		},
		onShow: function() {
			let that = this;
			this.obj =  uni.getStorageSync("detail")
			// console.log(obj,'obj');
			// 		uni.getSystemInfo({
			// 			success: function(res) {
			// 				that.pageHeight = res.windowHeight + 'px'
			// 			}
			// 		});

		},
		methods: {
			success() {
				uni.redirectTo({
					url: '/pages/my_team/team_application/team_info_list/list'
				})
			},
			back() {
				uni.navigateBack()
			}
		}
	}
</script>

<style lang="scss" scoped>
	page,
	body {
		height: 100%;
	}

	.address {
		display: flex;
		justify-content: space-between;
	}

	.mail {
		margin: 30px 0 10px;
	}

	.img {
		background: aqua;
		height: 150px;
		width: 150px;
		margin: 30px auto;
	}

	.text_box {
		margin-top: 30px;
		display: flex;
		align-items: center;
		flex-direction: column;
		// margin: 0 auto;
		.text_1 {
			font-size: 30px;
			font-weight: bold;
			padding: 10px 0;
		}
	}
	.under_btn{
		display: flex;
		justify-content: center;
		margin-top: 60px;
	}
	.getAddress{
		// padding: 10px;
		.address_detail{
			padding: 10px;
			display: flex;
			// flex: 0.3;
		}
		.address_text{
			display: flex;
			// flex: 0.3;
			// justify-content: end;
			margin-right: 10px;
		}
		.address_text1{
			display: flex;
			// flex: 0.7;
		}
		.reason_detail{
			display: flex;
			// padding: 0 10px;
			// justify-content: space-between;
			    // justify-content: space-evenly;
			.reason{
				// height: 80px;
				width: 220px;
				// flex: 0.5;
				padding:10px;
				border: 1px solid #ccc;
			}
			.address_text{
				display: flex;
				padding: 10px;
				// flex: 0.6;
				// justify-content: end;
				margin-right: 10px;
			}
		}
	}


	.head {

		.team_txt {
			padding: 20px 10px 0;
			display: flex;
			font-size: 24px;
			font-weight: bold;

			.team {
				margin-right: 25px;
			}

			.fifter {
				opacity: 0.5;
			}
		}

		.team-wrapper {
			background-color: #fff;
			// border-radius: 14rpx;
			padding: 0 16rpx 16rpx;
			margin: 10px 0;

			.team_top {
				display: flex;
				flex-direction: column;
				justify-content: start;
				padding: 15px 0 0;

				.top_box {
					display: flex;
				}


				.flex_top {
					display: flex;
					justify-content: space-between;
					width: 100%;
					align-items: center;
					border-top: 1px solid #ccc;
					.cash {
						font-weight: bold;
						padding: 10px 0 5px
					}

					.info_detail {
						color: #aaa;
					}
				}

				.cash_num {
					padding: 10px;

					.price {
						margin-bottom: 14px;
						font-weight: bold;
						font-size: 18px;
					}
				}
			}
		
	}
}
</style>